<!DOCTYPE html>
<html >
	<head>
		<meta charset="utf-8">
		<title>事件绑定</title>
	</head>
	<body>
			<!-- 模板标签的用法 模板标签不要和vue渲染耦合-->
		<div id="app" v-cloak @click="">
			
		<hello-component></hello-component>
		</div>
	</body>
</html>
<template id="helloTem"><div id="">
	{{msg}}
</div></template>
<script src="../js/vue.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript"> 
//定义全局组件,参数一定义组件的名称
Vue.component("helloComponent",{
	data(){
		return {
			msg:'helloComponent'
		}
	},
	template:"#helloTem"
})
new Vue({
	el: app
})
</script>

